<template>
	<view class="content">
		<view class="change-list">
			<view class="change-item">
				<view class="item">
					<view class="head">
						<view class="left">科技与狠货充值</view>
						<view class="right">+123.23</view>
					</view>
					<view class="bottom">
						<view class="left">2022-12-23</view>
						<view class="right">余额：888.52</view>
					</view>
				</view>
			</view>
		</view>
		<!--       <view class="hint" >
            暂无数据!
        </view> -->
	</view>
</template>

<script>
	export default {
		data() {
			return {
				groupId: null,
				memberId: null,
				dataList: [],
				pageIndex: 1,
				pageSize: 10,
				totalPage: 1
			};
		},
		methods: {}
	};
</script>

<style lang="scss" scoped>
	.content {
		padding-top: 16rpx;

		.change-list {
			background: #ffffff;
			padding: 0rpx 24rpx;

			.change-item {
				border-bottom: 2rpx solid #ededed;

				.item {
					padding: 24rpx 0rpx;

					.head {
						display: flex;
						justify-content: space-between;
						align-items: center;
						margin-bottom: 26rpx;

						.left {
							font-size: 30rpx;
							color: #333333;
							line-height: 30rpx;
						}

						.right {
							font-size: 36rpx;
							font-weight: 500;
							color: #de0c19;
							line-height: 36rpx;
						}
					}

					.bottom {
						display: flex;
						justify-content: space-between;
						align-items: center;

						view {
							font-size: 26rpx;
							color: #999999;
							line-height: 26rpx;
						}
					}
				}
			}
		}

		.hint {
			width: 100%;
			height: 100vh;
			display: flex;
			align-items: center;
			justify-content: center;
			font-size: 42rpx;
			color: #C0C0C0;
			letter-spacing: 10rpx;
		}
	}
</style>